<template>
	<section>
		<div class="homeMenu fixMax" :style="{height:h}" id="testx">
			<span :style="{width:widths}" @click="jump('/homeC1')">
				<p><img :src="current==1?'/static/img/111.png':'/static/img/1.png'"/> </p>
				<p :class="{'check':current==1}">资产</p>
			</span>
			<span :style="{width:widths}" @click="jump('/homeC2')">
				<p><img :src="current==2?'/static/img/222.png':'/static/img/2.png'"/> </p>
				<p :class="{'check':current==2}">发现</p>
			</span>
			<span :style="{width:widths}" @click="jump('/homeC3')">
				<p><img :src="current==3?'/static/img/333.png':'/static/img/3.png'"/> </p>
				<p :class="{'check':current==3}">我</p>
			</span>
		</div>
	</section>
</template>

<script>
	//	import { homeGet } from '../common/comfn';
	//	import pull from '../common/pull.vue';
	export default {
		data() {
			return {
				widths: '33.3%',
				h: '0.5rem',
				current: 1
			}
		},
		props: ['show'],
		components: {},
		methods: {},
		created: function() {},
		mounted: function() {
//			setTimeout(() => {
//				document.getElementById('testx').style.opacity = 1;
//			}, 1000)
			if(this.$route.query.path == '/homeC1') {
				this.current = 1;
			} else if(this.$route.path == '/homeC2') {
				this.current = 2;
			} else if(this.$route.path == '/homeC3') {
				this.current = 3;
			}
		}
	}
</script>

<style>
	#t {
		opacity: 0;
	}
	
	.homeMenu {
		position: fixed;
		width: 100%;
		bottom: 0;
		font-size: 0;
		background-color: rgb(248, 248, 248);
		z-index: 13;
	}
	
	.homeMenu span {
		font-size: 0.12rem;
		display: inline-block;
		text-align: center;
		line-height: 0.14rem;
		padding-top: 0.05rem;
	}
	
	.homeMenu span img {
		display: inline-block;
		height: 0.2rem;
	}
	
	.homeMenu span p:nth-child(2) {
		margin-top: 0.05rem;
		color: rgb(81, 97, 117);
	}
	
	.check {
		color: rgb(158, 129, 104) !important;
		/*color: rgb(17, 177, 204) !important;*/
	}
</style>